www.gusucode.com > MyGosuMenu 1.5.8源码程序 > MyGosuMenu 1.5.8/MyGosuMenu-1.5.8/DropMenuX/readme.txt
/* * PROJECT: MyGosuMenu * VERSION: 1.5.5 * COPYRIGHT: (c) 2003-2009 Cezary Tomczak * LINK: http://www.gosu.pl/MyGosuMenu/ * LICENSE: BSD (revised) */ ---------------- ! INSTALL ---------------- 1) include .css file 2) include .js file 3) put html structure 4) initialize menu Html structure is: - dmx - item1 - section - item2 - item2 - item2 - section - item2 - item2 - item2 - item2 - item1 - section - item2 - item2 - item1 Example of initializing: var menu = new DropMenuX("id_of_the_menu"); menu.init(); Example of initializing and setting additional stuff: var dmx = new DropMenuX("menu1"); dmx.type = "horizontal"; dmx.delay.show = 0; dmx.delay.hide = 400; dmx.position.level1.top = 0; dmx.position.level1.left = 0; dmx.position.levelX.top = 0; dmx.position.levelX.left = 0; dmx.fixIeSelectBoxBug = true; dmx.zIndex.visible = 500; dmx.zIndex.hidden = -1; dmx.init(); ---------------- ! FEATURES ---------------- - horizontal or vertical menu - unlimited nesting - can be positioned statically or absolutely - delay for showing/hiding menu (can be turned off by setting to 0) - position of submenus can be changed, so they can for example overflow parent elements - on the same page there can be many menus created - seperated into 3 layers: behaviour(javascript), structure(html), presentation(css) - search engine friendly - free for any use (BSD license) ---------------- ! COMPATIBILITY ---------------- Tested on: IE, Mozilla, Opera, Netscape, Firefox, Safari Known CSS problems: * Safari: setting margin > 0 for BODY element causes some positioning problems. Sections in the menu will be placed a few pixels away from the default place. The menu still works and is usable. To avoid these problems set "margin: 0;" for BODY element. * IE: removing doctype causes that IE enables Backward Compatibility Mode and some CSS bugs can appear. Then you will need to edit .css file and make some fixes. * IE: IMG tags (arrows) could be removed from html structure and right aligned background could be set in .arrow class, but .. Internet Explorer has a bug - it doesn't cache CSS images. So if you have 20 arrows in menu ie will load them 20 times on each page request ! That can be annoying for users with slow connection, it also increases your bandwidth unnecessarily. ---------------- ! CHANGELOG ---------------- *** 1.1.6 *** - fixed IE 6 selectbox bug *** 1.1.5 *** - added support for IE 5.0 and IE 5.5 *** 1.1.4 *** - menu has been completely rewritten, some bugs fixed, new features added. The code is based on DropMenu1. *** 1.1.3 *** - [menu.js] fixed a bug that appeared on IE browser when doctype was "HTML 4.01 Transitional" *** 1.1.2 *** - [menu.js] fixed a bug that crashed positioning when doctype was specified (only GECKO browsers) - [menu.js] fixed an IE bug that appeared when doctype was specified (backward compatibility mode activated) *** 1.1.1 *** - [menu.css] fixed a minor Opera 7.2.x CSS bug (removed "width: 100%" from #menu .top) *** 1.1.0 *** - first release of tree menu